<template>
  <div class="check" :class="{active: isChecked}">
    <img src="~assets/img/cart/check.svg" alt="">
  </div>
</template>

<script>
export default {
  name: "CheckButton",
  props:{
    isChecked:{
      type: Boolean,
    }
  },

}
</script>

<style scoped>
  .check{
    border-radius: 50%;
    border: 2px solid var(--color-high-text);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
		background-color: white;
  }
  .check img{
    width: 15px;
    height: 15px;
		border-radius: 50%
  }
  .active{
    background-color: var(--color-high-text);
  }
</style>
